﻿<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{config.webtitle}</title>
<meta content="{config.webkeyword}" name="keywords" />
<meta content="{config.webdescription}" name="description" />

<%template src="_css.html"%>

</head>
<body>

<!--Header-->
<%template src="_header.html"%>
<!--/Header-->
<div class="iosSlider">
  <div class="slider">
    <div class="item ban_all">
      <div class="inner">
        <p>HANMAC<br>整个法国都在为您定制<br>您的专属手机</p>
        <img class="pro" src="<%templateskin%>/images/phone_all.png">
      </div>
    </div>
    <!--<div class="item ban01">
      <div class="inner">
        <p>NEW DEFENCY<br>桀骜彩金系列></p>
        <img class="pro" src="<%templateskin%>/images/phone_01.png">
      </div>
    </div>-->
    <div class="item ban02">
      <div class="inner">
        <p>NEW DENFENCY<br>颠覆设计 突显您的逆视界<br><!--<span>点击探索 >></span>--></p>
        <img class="pro" src="<%templateskin%>/images/phone_02.png">
      </div>
    </div>
    <div class="item ban03">
      <div class="inner">
        <p>DENFENCY<br>经典跨界  掌握您世界></p>
        <!--<img class="pro" src="<%templateskin%>/images/phone_03.png">-->
      </div>
    </div>
  </div>

  <!--<div class="iosSliderButtons">
    <div class="button"></div>
    <div class="button"></div>
    <div class="button"></div>
    <div class="button"></div>
  </div>-->
  <div class="pnBtn prevButton"><span class="circle"></span></div>
  <div class="pnBtn nextButton"><span class="circle"></span></div>
</div>

<div class="inner">
  <div class="line_cr"><img src="<%templateskin%>/images/line_t_b.png"></div>
</div>

<div class="inner">
  <div class="ind_itmes">
    <ul>
    <li><a href="pro3.html"><div class="img"><img src="<%templateskin%>/images/ind_p_01.jpg"></div><p></p></a></li>
    <li><a href="explore.html"><div class="img"><img src="<%templateskin%>/images/ind_p_02.jpg"></div><p>探索HANMAC</p></a></li>
    <li><a href="fac1.html"><div class="img"><img src="<%templateskin%>/images/ind_p_03.jpg"></div><p>专属定制手机</p></a></li>
    <li><a href="search.html"><div class="img"><img src="<%templateskin%>/images/ind_p_04.jpg"></div><p>寻找附近专卖店</p></a></li>
    </ul>
  </div>
</div>

<div class="iosSlider_video_con">
    <div class="ivc_inner">
      <div class="line_cr"><img src="<%templateskin%>/images/line_t_b.png"></div>
    </div>
    <div class="iosSlider_footer">
      <div class="slider">
        <!--<div class="item bg01" style="background-image:url(images/video_p.jpg);">
          <div class="play"><img src="<%templateskin%>/images/play.png"></div>
        </div>-->
        <video src="de_sp_big.mp4" contenteditable="true" poster="<%templateskin%>/images/video_p.jpg" controls width="100%" height="100%">您的浏览器不支持video标签</video>
      </div>
    
      <div class="iosSliderButtons">
        <!--<div class="button"></div>-->
      </div>
      <!--<div class="pnBtn prevButton"><span class="circle"></span></div>
      <div class="pnBtn nextButton"><span class="circle"></span></div>-->
    </div>
</div>
  
<footer>
  <div class="inner">
    <div class="f_menu">
      <ul>
      <li><a href="#">HANMAC 企业</a></li>
      <li><a href="#">帮助和支持</a></li>
      <li><a href="#">法律声明</a></li>
      <li><a href="contact.html">联系 HANMAC</a></li>
      <li><a href="javascript:void(0);" onClick="gotop();">回到顶部</a></li>
      <li>&copy; 2014 HANMAC</li>
      </ul>
    </div>
    <div class="cy">
      Copyright 2014
    </div>
    <div class="clearfix"></div>
  </div>
</footer>




<script type="text/javascript" src="<%templateskin%>/js/jquery.1.8.2min.js"></script>
<script type="text/javascript" src="<%templateskin%>/js/jquery.iosslider.min.js"></script>
<script type="text/javascript" src="<%templateskin%>/js/main.js"></script>


<script type="text/javascript">
$(document).ready(function(){
	
	$('.iosSlider').iosSlider({
		scrollbar: true,
		snapToChildren: true,
		//desktopClickDrag: true,
		responsiveSlideWidth: true,
		//navSlideSelector: $('.iosSlider .iosSliderButtons .button'),
		infiniteSlider: true,
		startAtSlide: '1',
		autoSlide: 'true',
		autoSlideTimer: 5000,
		autoSlideTransTimer: 0,
		navPrevSelector: $('.iosSlider .prevButton'),
		navNextSelector: $('.iosSlider .nextButton'),
		onSlideChange: slideContentChange,
		onSlideComplete: slideContentComplete,
		onSliderLoaded: slideContentLoaded
	});
	
	function slideContentChange(args) {
		
		/* indicator */
		//$(args.sliderObject).parent().find('.iosSliderButtons .button').removeClass('selected');
		//$(args.sliderObject).parent().find('.iosSliderButtons .button:eq(' + (args.currentSlideNumber - 1) + ')').addClass('selected');
		
	}
	
	function slideContentComplete(args) {
		
		if(!args.slideChanged) return false;
		
		/* animation */
		if($('body').width() > 479){
			$(args.sliderObject).find('.inner').css({opacity:0});
			$(args.sliderObject).find('.inner').animate({opacity:1},500);
		}
		
	}
	
	function slideContentLoaded(args) {
		
		/* animation */
		//$(args.sliderObject).find('.inner').css({opacity:0});
		
		/* indicator */
		//$(args.sliderObject).parent().find('.iosSliderButtons .button').removeClass('selected');
		//$(args.sliderObject).parent().find('.iosSliderButtons .button:eq(' + (args.currentSlideNumber - 1) + ')').addClass('selected');
		
	}
	
	
	
	
	
	$('.iosSlider_footer').iosSlider({
		scrollbar: true,
		snapToChildren: true,
		//desktopClickDrag: true,
		responsiveSlideWidth: true,
		navSlideSelector: $('.iosSlider_footer .iosSliderButtons .button'),
		infiniteSlider: true,
		startAtSlide: '1',
		autoSlide: 'true',
		autoSlideTimer: 5000,
		autoSlideTransTimer: 0,
		//navPrevSelector: $('.iosSlider_footer .prevButton'),
		//navNextSelector: $('.iosSlider_footer .nextButton'),
		onSlideChange: slideContentChange_footer,
		onSlideComplete: slideContentComplete_footer,
		onSliderLoaded: slideContentLoaded_footer
	});
	function slideContentChange_footer(args) {
		
		/* indicator */
		$(args.sliderObject).parent().find('.iosSliderButtons .button').removeClass('selected');
		$(args.sliderObject).parent().find('.iosSliderButtons .button:eq(' + (args.currentSlideNumber - 1) + ')').addClass('selected');
		
	}
	
	function slideContentComplete_footer(args) {
		
		if(!args.slideChanged) return false;
		
		/* animation */
		if($('body').width() > 479){
			$(args.sliderObject).find('.inner').css({opacity:0});
			$(args.sliderObject).find('.inner').animate({opacity:1},500);
		}
		
	}
	
	function slideContentLoaded_footer(args) {
		
		/* animation */
		//$(args.sliderObject).find('.inner').css({opacity:0});
		
		/* indicator */
		$(args.sliderObject).parent().find('.iosSliderButtons .button').removeClass('selected');
		$(args.sliderObject).parent().find('.iosSliderButtons .button:eq(' + (args.currentSlideNumber - 1) + ')').addClass('selected');
		
	}
	
});



/*window.addEventListener('DOMContentLoaded', function() {
    var page = document.getElementById('page'),
        nav = window.navigator,
        ua = nav.userAgent,
        isFullScreen = nav.standalone;
    if (ua.indexOf('Android') !== -1) {
        // 56对应的是Android Browser导航栏的高度
        
    } else if (/iPhone|iPod|iPad/.test(ua)) {
        // 60对应的是Safari导航栏的高度
		$().css({"position":"fixed"});
    }
}, false);*/


</script>




</body>
</html>
